<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>MapFinal-首页</title>
  <link rel="stylesheet" href="#(TPATH)/res/layui/css/layui.css">
  <link rel="stylesheet" href="#(TPATH)/res/static/css/index.css">
</head>
<body>
  <!-- nav部分 -->
  #include("_inc/nav.html")
  <!-- banner部分 -->
  <div>
    <div class="layui-carousel" id="banner" style="background: #3c4a5a;">
      <div carousel-item>
        <div style="background: #3c4a5a;">
          <!--<img src="#(TPATH)/res/static/img/banner1.jpg">-->
          <div class="panel">
            <p class="title">MapFinal &asymp; GeoServer Portal</p>
            <p>以PostGIS+GeoTools+GeoServer为基础的GIS服务平台</p>
          </div>
        </div>
        <div style="background: #3c4a5a;">
          <div class="panel">
            <p class="title">MapFinal &asymp; GeoServer Portal</p>
            <p>致力于给用户提供极速应用、快速开发的GIS服务平台</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-product">
    <div class="layui-container">
      <p class="title">专为地理空间服务而研制的<span>核心产品</span></p>
      <div class="layui-row layui-col-space25">
        <div class="layui-col-sm6 layui-col-md3">
          <div class="content">
            <div><img src="#(TPATH)/res/static/img/Big_icon1.png"></div>
            <div>
              <p class="label">地图服务</p>
              <p>MapFinal基于GeoTools、GeoServer的分布式地图发布，代理ArcGIS、SuperMap、天地图、百度、高德等地图服务。</p>
            </div>
            <a href="javascript:;">详情 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="#(TPATH)/res/static/img/Big_icon2.png"></div>
            <div>
              <p class="label">数据服务</p>
              <p>MapFinal基于数据仓库提供数据管理和分析的能力，与空间数据良好的结合，支持Kafka、Hadoop、HBase等大数据技术。</p>
            </div>
            <a href="javascript:;">详情 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="#(TPATH)/res/static/img/Big_icon3.png"></div>
            <div>
              <p class="label">分析服务</p>
              <p>MapFinal基于PostGIS、GeoTools的能力进行二次开发，推出插值分析、缓冲区分析、空间运算等空间分析服务。</p>
            </div>
            <a href="javascript:;">详情 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="#(TPATH)/res/static/img/Big_icon4.png"></div>
            <div>
              <p class="label">位置服务</p>
              <p>基于天地图、百度、高德等在线位置服务的基础上，结合业务数据的特点，提供专有的位置服务能力，并提供丰富的可视化表达。</p>
            </div>
            <a href="javascript:;">详情 ></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--
  <div class="main-service">
    <div class="layui-container">
      <p class="title">为客户打造完美的<span>专业服务</span></p>
      <div class="layui-row layui-col-space25 layui-col-space80">
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="#(TPATH)/res/static/img/home_img1.jpg"></div>
            <div class="content-right">
              <p class="label">1 对 1 前端指导</p>
              <span></span>
              <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="#(TPATH)/res/static/img/home_img2.jpg"></div>
            <div class="content-right">
              <p class="label">1 对 1 前端指导</p>
              <span></span>
              <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="#(TPATH)/res/static/img/home_img3.jpg"></div>
            <div class="content-right">
              <p class="label">1 对 1 前端指导</p>
              <span></span>
              <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="#(TPATH)/res/static/img/home_img4.jpg"></div>
            <div class="content-right">
              <p class="label">1 对 1 前端指导</p>
              <span></span>
              <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
            </div>
          </div>
        </div>
      </div>
      <div class="service-more"><a href="">查看更多</a></div>
    </div>
  </div>
  -->
  <!-- footer部分 -->
  #include("_inc/footer.html")
<script src="#(TPATH)/res/layui/layui.js"></script>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '#(TPATH)/res/static/js/' 
  }).use('firm'); 
</script>
</body>
</html>